<!DOCTYPE html>
<!--[if IE 8 ]>
<html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>
<html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="zh"> <!--<![endif]-->
<head>

    <!--- basic page needs
    ================================================== -->
    <meta charset="utf-8">
    <title>拯救大魔王3：反盟</title>
    <meta name="description" content="反盟的战斗从不是为了推翻谁， 我们只是为了获得我们应有的。那就是被当成人看的权利。人与魔，生来平等。">
    <meta name="author" content="洺泽">
    <meta name="keywords" content="国产游戏,拯救大魔王3：反盟,游戏,RPGmaker,拯救大魔王">

    <!-- mobile specific metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- CSS
  ================================================== -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/vendor.css">
    <link rel="stylesheet" href="css/main.css">

    <!-- script
    ================================================== -->
    <script src="js/modernizr.js"></script>
    <script src="js/pace.min.js"></script>

    <!-- favicons
     ================================================== -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="webjars/sweetalert/2.0.3/src/sweetalert.css">

</head>


<body id="top">

<!-- header
================================================== -->
<header>

    <div class="header-logo">
        <a href="index.html">拯救大魔王3：反盟</a>
    </div>

    <a id="header-menu-trigger" href="#0">
        <img src="images/s1_menu_bg.png" style="width: 148px; height: 44px;">
        <span style="font-size: 24px; position: absolute; top: 2px; left: 10px;">MENU ///</span>
    </a>

    <nav id="menu-nav-wrap">

        <a href="#0" class="close-button" title="close"><span>Close</span></a>

        <h3>拯救大魔王③：反盟</h3>
        <ul class="nav-list">
            <li class="current"><a class="smoothscroll" href="#home" title="">封面</a></li>
            <li><a class="smoothscroll" href="#about" title="">简介</a></li>
            <li><a class="smoothscroll" href="#portfolio" title="">艺术集</a></li>
            <li><a class="smoothscroll" href="#contact" title="">联系我们</a></li>
        </ul>

    </nav>  <!-- end #menu-nav-wrap -->

</header> <!-- end header -->


<!-- home
================================================== -->
<section id="home">
    <div class="overlay"></div>
    <div class="home-content-table">
        <div class="home-content-tablecell">
            <div class="row">
                <div class="col-twelve">
                    <div class="home-bottom-text">
                        <h1 class="animate-intro" style="margin-bottom: 0;">
                            <span hidden>拯救大魔王3：反盟</span>
                            <img src="images/title.png" style="margin-left: 20px;">
                        </h1>
                        <h3 class="animate-intro" style="color: #402204; font-family: 新宋体,serif; font-size: 24px">
                            反盟的战斗从不是为了推翻谁
                            <br>我们只为拿回我们应有的，那些获得尊重的权利
                        </h3>
                        <div class="animate-intro" style="margin-left: 75px; margin-top: 20px; position: relative">
                            <img src="images/s1_panel.png" style="position: absolute">
                            <div class="link-panel">
                                了解 <a href="#about" class="smoothscroll">创作背景</a>
                                　浏览 <a href="#portfolio" class="smoothscroll">艺术集</a>
                                　参与 <a href="#contact" class="smoothscroll">测试讨论</a>
                            </div>
                        </div>
                        <div style="margin-bottom: 200px;">
                            &nbsp;
                        </div>
                    </div> <!-- end home-bottom-text -->
                </div> <!-- end col-twelve -->
            </div> <!-- end row -->
        </div> <!-- end home-content-tablecell -->
    </div> <!-- end home-content-table -->

    <a href="#about" class="scroll-icon smoothscroll">
        <img src="images/s1_next.png">
    </a>

</section> <!-- end home -->


<!-- about
================================================== -->
<section id="about">

    <div class="about-profile-bg"></div>

    <div class="about-wrap">

        <div class="about-profile">

            <div id="about-text" style="position: relative">
                <img class="animate-this" src="images/s2_text.png" style="position: absolute">

                <div id="about-text-content">

                    <p class="animate-this">
                        2015年6月，夜神不说话在66RPG发布《拯救大魔王1》，一款粗糙的魔塔闯关小游戏。
                    </p>
                    <p class="animate-this">
                        2016年11月，吃了就睡工作室在Steam发布《拯救大魔王2》，讲述从出逃魔王对抗人类的故事。
                        <br>《拯救大魔王2》获得了知名度上的成功与商业上的失败。很多人喜欢这部作品，但这并不是团队
                        <br>中一部分成员想要的。于是他们离开了。
                    </p>
                    <p class="animate-this">
                        我理解他们，与此同时我反思自己。我思考了很久，这个故事讲完了吗？
                        <br>这个故事没讲完，那我们就要继续讲。
                    </p>
                    <p class="animate-this">
                        2017年9月，新的吃了就睡工作室重新踏上创作的征程。
                        <br>我们开始创作《拯救大魔王③：反盟》。
                    </p>

                </div>
            </div>

        </div> <!-- end about-profile  -->

    </div> <!-- end about-wrap  -->

    <div id="about-staff">
        <h1 class="animate-intro">吃了就睡工作室</h1>
        <p class="animate-intro">
            夜神，时表，次韵和，茶不烈，
            <br>汪汪，泽铭，Iispkboy，Kage
        </p>
    </div>

</section> <!-- end about -->

<!-- portfolio
================================================== -->
<section id="portfolio">
    <div class="row narrow section-intro with-bottom-sep">
        <div class="col-twelve">
            <h3 class="animate-this">艺术集</h3>
            <h1 class="animate-this">“这个世界是真实存在的”</h1>
            <p class="lead animate-this">这个世界是真实存在的，每一分每一秒我们都在为这个世界添砖加瓦，只为了让它能够在原先的基础上更加真实。我们热爱这个世界，爱它的一草一木，爱这之中存在的每一个人。
            </p>
        </div>
    </div> <!-- end row section-intro -->

    <div class="row portfolio-content">
        <div class="col-twelve">
            <img src="images/gallery/1.png" style="float: none; margin-bottom: 20px;">
            <img src="images/gallery/4.png" style="float: right">
            <img src="images/gallery/2.png" style="float: left"><img src="images/gallery/3.png" style="float: left; margin-left: 20px;">
            <img src="images/gallery/5.png" style="float:left; margin-top: 50px;">
            <img src="images/gallery/6.png" style="float:left; margin-left: 20px; margin-top: 30px;">
        </div> <!-- end twelve -->
    </div> <!-- end portfolio-content -->

</section>  <!-- end portfolio -->
<!-- about
================================================== -->
<section id="stats">
    <div class="row">
        <div class="col-twelve stat">

            <div class="col-six" style="text-align: center">
                <h3 style="color: white">了解前作</h3>
                <iframe style="width: 100%;min-height: 200px" class="animate-this" src="https://store.steampowered.com/widget/554640/" frameborder="0"></iframe>
            </div>

            <div class="col-six" style="text-align: center">
                <h3 style="color: white">购买本作</h3>
                <iframe style="width: 100%;min-height: 200px" class="animate-this" src="https://store.steampowered.com/widget/643930/" frameborder="0"></iframe>
            </div>

        </div>

    </div>

</section>


<!-- footer
================================================== -->
<footer>

    <!-- contact
    ================================================== -->
    <section id="contact">

        <div class="overlay"></div>

        <div class="row section-intro">
            <div class="col-twelve">
                <h3 class="animate-this">Contact</h3>
                <h1 class="animate-this">欢迎与我们交流探讨更多</h1>
                <p class="lead animate-this">
                    吃了就睡工作室是一个目前缺乏盈利的独立游戏制作团队，但我们坚信我们的作品会在未来收获她应有的玩家待遇。
                    <br>如果您喜欢我们的作品，欢迎与我们取得联系。
                </p>
                <p class="animate-this" style="color: white; font-family: 微软雅黑, sans-serif; font-size: 1.5rem">
                    吃了就睡玩家交流群：100841001
                    <br>主创邮箱：yesenmidnight@outlook.com
                    <br>微博/BILIBILI/YOUTUBE @夜神不说话
                </p>
                <p class="lead animate-this">
                    也可以前往爱发电捐助我们的创作
                </p>
                <p class="animate-this" style="color: white; font-family: 微软雅黑, sans-serif; font-size: 1.5rem">
                    <a href="https://afdian.net/@Yesen" target="_blank" style="color: white">https://afdian.net/@Yesen</a>
                </p>
            </div>
        </div> <!-- end section-intro -->

    </section> <!-- end contact -->

    <div id="go-top">
        <a class="smoothscroll" title="Back to Top" href="#top"><i class="icon-UpArrow"></i></a>
    </div>
</footer>

<div id="preloader">
    <div id="loader"></div>
</div>

<!-- Java Script
================================================== -->
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

</body>

</html>